
/**锟斤拷师注锟斤拷*/
 #teacherRegist{width:86%;margin:7% auto;}

.fenxiang{text-align:center;margin:15px auto 0}
.fenxiang img{width:35%}
.zhuce{text-align:center;margin:15px auto 0}
.zhuce img{width:62%}

.em10{font-size:1em}
.em12{font-size:1.2em}
.em13{font-size:1.3em}
.em15{font-size:1.5em}
.orange{color:#FCC300}
.orderSubmit{width:96%;margin:0 auto;}
.countSubmit{padding:20px 0;}
.inputStyle1{border:1px solid #e2e1da;padding:4%;background:#fff;position:relative;margin:0 auto 10px}
.inputStyle1 input{border:none;width:96%;margin:0 auto;}
.inputStyle1 img{position:absolute;height:100%;top:-1%;right:0}
.yanzheng1{width:56%;float:left}
.yanzheng2{width:30%;float:right;border:1px solid #fbc400;background:#fbc400;text-align:center;padding:4% 2% !important}
.orderSubmit .order_count{float:left;width:49%;line-height:35px;height:30px;position:relative}
.orderSubmit .order_total{float:right;width:49%;line-height:35px;height:30px;}
.orderSubmit .order_total span{float:right;padding:0 5px 0 0;}
.orderSubmit .shuliang{}
.orderSubmit .countBox {position:absolute;top:0;left:35%;}
.orderSubmit .countBox table{border:1px solid #DADAD2}
.orderSubmit .countBox input.count{height:100%;line-height:100%;text-align:center;border:none;width:30px;}

.orderSubmit .countBox img,.countBox img{height:30px;}

/**锟斤拷锟斤拷**/
#nav{width:100%}
#nav>ul>li{float:left;width:25%;position:relative}
#nav>ul>li>div.active{position:absolute;height:3px;width:100%;bottom:3px;left:0;background:#fbc400;display:none}
#nav>ul>li>div.on_active{display:block}
#nav>ul>li img{width:100%}

/**锟揭的课筹拷*/
#classList{}
#classList>ul>li{width:100%;background:#fff;margin:10px 0 0}
#classList .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#classList .box>.topList{}
#classList .box>.topList .p1{position:relative;}
#classList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classList .box>.topList .titleImg img{height:100%;position:absolute;left:0;top:0;}

#classList .box>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin:10px 0;}
#classList .box>.middleList .leftImg{width:25%;float:left;}
#classList .box>.middleList .rightInfo{width:75%;float:left;}
#classList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#classList .box>.middleList .rightInfo p{margin:0 0 2px}
#classList .box>.middleList .condition p{padding:5px 0 0;}
#classList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#classList .box>.bottomList{text-align:right}
#classList .box>.bottomList img{height:30px;}


#collect{width:96%;margin:5px auto 0;}
#collect ul li{background:#fff;margin:0 0 5px;;}
#collect .box{padding:5px 0;border-bottom:1px dashed #aeaeae;width:96%;margin:0 auto}
#collect .box .collectImg{width:25%;float:left;text-align:center;}
#collect .box .collectImg img{width:90%;padding:5%;}
#collect .box .collectInfo{width:71%;float:left;padding:2%;}
#collect .box .collectInfo .inner p{padding:1% 0}

#collect .collectBtn{clear:both;text-align:right;padding:5px 3px 3px 0;}
#collect .collectBtn img{height:30px;margin:0 3px;}


/*锟斤拷讯锟斤拷锟斤拷*/

.goodBackground{
	height:30px;line-height:30px;
	padding:0 0 0 63px;
}

/*锟斤拷锟街达拷锟�/
#gradesStu{width:96%;margin:10px auto;}
#gradesStu h2{margin:5px 0;font-weight:normal;}
#gradesStu .comment{padding:2%;}
#gradesStu .comment>.div1{width:18%;float:left}
#gradesStu .comment>.div2{width:78%;float:left}
#gradesStu .comment textarea{width:100%;height:100px}
#gradesStu .submitGrade{margin:8px auto;}
#gradesStu .submitGrade p{text-align:center;}
#gradesStu .submitGrade p img{width:60%;}

 
 /**锟斤拷锟斤拷锟斤拷锟斤拷*/
#orderDetail{}
#orderDetail>ul>li{width:100%;background:#fff;margin:10px 0 0}
#orderDetail .box{width:96%;background:#fff;margin:0 auto;padding:10px 0}

#orderDetail .box>.topList{}
#orderDetail .box>.topList .p1{position:relative;}
#orderDetail .box>.topList .p1{height:28px;line-height:28px;text-align:right;}
#orderDetail .box>.topList .titleImg {height:100%;position:absolute;left:0;top:0;}

#orderDetail .box>.middleList{border-top:1px dashed #aeaeae;border-bottom:1px dashed #aeaeae;padding:10px 0;margin:10px 0;}
#orderDetail .box>.middleList .leftImg{width:25%;float:left;}
#orderDetail .box>.middleList .rightInfo{width:75%;float:left;}
#orderDetail .box>.middleList .leftImg img{width:100%;max-width:100%}
#orderDetail .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}

#orderDetail .box>.middleList .rightInfo p{margin:0 0 2px}
#orderDetail .box>.middleList .condition p{padding:5px 0 0;}
#orderDetail .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#orderDetail .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}


#orderDetail .box>.bottomList{text-align:right}
#orderDetail .box>.bottomList img{height:30px;}





/**锟斤拷锟斤拷锟叫憋拷*/
#classroomList{}
#classroomList>ul>li{width:100%;background:#fff;margin:10px 0 0}
#classroomList .box{width:96%;background:#fff;margin:0 auto;padding:10px 0 0}

#classroomList .box>.topList{}
#classroomList .box>.topList .p1{position:relative;}
#classroomList .box>.topList .p1{height:26px;line-height:26px;text-align:right;}
#classroomList .box>.topList .titleImg{float:left}

#classroomList .box>.middleList{border-top:1px dashed #aeaeae;padding:10px 0 0;margin:10px 0;}
#classroomList .box>.middleList .rightInfo{width:100%;}
#classroomList .box>.middleList .leftImg img{width:100%;max-width:100%}
#classroomList .box>.middleList .rightInfo .price{float:right;padding:0 10% 0 0;color:#ed9a02}
#classroomList .color1{color:#818181}

#classroomList .box>.middleList .rightInfo p{margin:0 0 5px}
#classroomList .box>.middleList .rightInfo .detail{position:relative;height:25px;line-height:25px;}
#classroomList .box>.middleList .rightInfo .detail img{height:100%;position:absolute;right:0;top:0;}







@charset "utf-8";
/* 浠ｇ爜鏁寸悊锛氭噿浜轰箣瀹�*/

* {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* star */
.star {
	position:relative;
	width:100%;
	margin:10% auto;
	
}
.star ul, .star span {
	float:left;
	display:inline;
	
	line-height:100%;
}
.star ul {
	margin:0 5%;
	width: 50%;
}
.star li {
	float:left;
	width:20%;
	
	cursor:pointer;
	text-indent:-9999px;
	background:url(../img/start2.png) no-repeat;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:50%;
	
}
.star strong {
	color:#f60;
	padding-left:10px;
}
.star li.on {
	background:url(../img/start.png) no-repeat;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
   -moz-background-size:100% 100%;
   background-size:50%;
}





/**
 * Checkbox Four
 */
.checkboxFour {
	width: 100%;
	height: 100%;	
	margin: 10px 10px;
 	border-radius:5px;
	position: relative;
	float: left;
	
}

/**
 * Create the checkbox button
 */
.checkboxFour img {
	position: absolute;
	
	width: 1em;
}

.checkstyle{
	width: 96%;margin-left: 2%;position: relative;
}
.checkstyle1{
	width: 96%;margin-left: -4%;position: relative;
}
.checkstyle2{
	width: 96%;position: relative;
}

.checksborder{
	border-top: 1px dashed   #e0e0e0;width: 100%;margin-top: 2%;margin-bottom: 2%
}

/**
 * radioFour Four
 */
.radioFour {
	width: 100%;
	
	float: left;
}


.radioFour img {
	position: absolute;
	top: 25%;
	width: 1em;
}





































